<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	<p:panel id="nuevainformacion"
		rendered="#{informacionFamiliarBean.currentInformacionFamiliar==null}">
		<h:panelGrid columns="5">
			<h:outputLabel value="#{msg.estadocivil}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{informacionFamiliarBean.informacionFamiliar.estadoCivil}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="Soltero/a" itemLabel="#{msg.soltero}" />
				<f:selectItem itemValue="Casado/a" itemLabel="#{msg.casado}" />
			</h:selectOneMenu>
			<h:outputLabel value="#{msg.miembros}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{informacionFamiliarBean.informacionFamiliar.miembrosUnidadFamliar}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="Individuo sólo" itemLabel="#{msg.individuaoSolo}" />
				<f:selectItem itemValue="Familia monoparental"
					itemLabel="#{msg.monoparental}" />
				<f:selectItem itemValue="Familia de 1 hijo"
					itemLabel="#{msg.unHijo}" />
				<f:selectItem itemValue="Familia de 2 hijos"
					itemLabel="#{msg.dosHijos}" />
				<f:selectItem itemValue="Familia de +3 hijos"
					itemLabel="#{msg.tresHijos}" />
				<f:selectItem itemValue="Otro" itemLabel="#{msg.otro}" />
			</h:selectOneMenu>
		</h:panelGrid>
		<p:commandButton update="@form"
			action="#{informacionFamiliarBean.addInformacionFamiliar}"
			value="#{msg.guardar}" oncomplete="nuevaInformacionFamiliar.hide();"></p:commandButton>
	</p:panel>
	<p:panel id="detalleInformacion"
		rendered="#{informacionFamiliarBean.currentInformacionFamiliar!=null}">
		<p:commandLink onclick="editarCamposFamiliar();"
			id="editarinformacion" value="#{msg.editarInformacionFamiliar}">
		</p:commandLink>
		<h:panelGrid id="detalleInformacionFamiliar" columns="2"
			cellpadding="2" style="font-size: medium;">
			<h:outputLabel value="#{msg.estadocivil}"></h:outputLabel>
			<h:outputLabel
				value="#{informacionFamiliarBean.currentInformacionFamiliar.estadoCivil}"></h:outputLabel>
			<h:outputLabel value="#{msg.miembros}:"></h:outputLabel>
			<h:outputLabel
				value="#{informacionFamiliarBean.currentInformacionFamiliar.miembrosUnidadFamliar}"></h:outputLabel>
		</h:panelGrid>
		<h:panelGrid id="editarDetalleInformacionFamiliar" columns="2" style="display:none;">
			<h:outputLabel value="#{msg.estadocivil}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{informacionFamiliarBean.usuarioSelecionado.expedientes[0].informacionfamiliars[0].estadoCivil}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="Soltero/a" itemLabel="#{msg.soltero}" />
				<f:selectItem itemValue="Casado/a" itemLabel="#{msg.casado}" />
			</h:selectOneMenu>
			<h:outputLabel value="#{msg.miembros}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{informacionFamiliarBean.usuarioSelecionado.expedientes[0].informacionfamiliars[0].miembrosUnidadFamliar}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemValue="Individuo sólo" itemLabel="#{msg.individuaoSolo}" />
				<f:selectItem itemValue="Familia monoparental"
					itemLabel="#{msg.monoparental}" />
				<f:selectItem itemValue="Familia de 1 hijo"
					itemLabel="#{msg.unHijo}" />
				<f:selectItem itemValue="Familia de 2 hijos"
					itemLabel="#{msg.dosHijos}" />
				<f:selectItem itemValue="Familia de +3 hijos"
					itemLabel="#{msg.tresHijos}" />
				<f:selectItem itemValue="Otro" itemLabel="#{msg.otro}" />
			</h:selectOneMenu>
			<p:commandButton update="@form"
				action="#{informacionFamiliarBean.updateInformacionFamiliar}"
				value="#{msg.guardar}">
			</p:commandButton>
		</h:panelGrid>
	</p:panel>
	<p:panel header="#{msg.aniadirFamiliar}"
		rendered="#{informacionFamiliarBean.currentInformacionFamiliar!=null}">
		<h:panelGrid columns="12" id="nuevoFamiliar">
			<h:outputLabel value="#{msg.dni}:"></h:outputLabel>
			<p:inputText
				value="#{informacionFamiliarBean.nuevoFamiliar.dniPassaporte}"></p:inputText>
			<h:outputLabel value="#{msg.nombre}:"></h:outputLabel>
			<p:inputText value="#{informacionFamiliarBean.nuevoFamiliar.nombre}"></p:inputText>
			<h:outputLabel value="#{msg.apellidos}:"></h:outputLabel>
			<p:inputText
				value="#{informacionFamiliarBean.nuevoFamiliar.apellidos}"></p:inputText>
			<h:outputLabel value="#{msg.escolarizado}:"></h:outputLabel>
			<p:selectBooleanCheckbox
				value="#{informacionFamiliarBean.nuevoFamiliar.escolarizado}" />
			<h:outputLabel value="#{msg.relacion}:"></h:outputLabel>
			<h:selectOneMenu
				value="#{informacionFamiliarBean.nuevoFamiliar.relacion}">
				<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemvalue="" />
				<f:selectItem itemLabel="#{msg.conyugue}" itemValue="Conyugue" />
				<f:selectItem itemLabel="#{msg.hijo}" itemValue="Hijo/a" />
				<f:selectItem itemLabel="#{msg.otro}" itemValue="Otro" />
			</h:selectOneMenu>
			<p:commandLink action="#{informacionFamiliarBean.addFamiliar}"
				update="familiares,nuevoFamiliar" value="#{msg.aniadirFamiliar}">
			</p:commandLink>
		</h:panelGrid>
		<p:dataTable id="familiares"
			value="#{informacionFamiliarBean.familiares}" var="familiarVar"
			emptyMessage="#{msg.tablaVacia}" paginator="true" rows="5">
			<p:column headerText="#{msg.dni}">
				<h:outputText value="#{familiarVar.dniPassaporte}" />
			</p:column>
			<p:column headerText="#{msg.nombre}">
				<h:outputText value="#{familiarVar.nombre}" />
			</p:column>
			<p:column headerText="#{msg.apellidos}">
				<h:outputText value="#{familiarVar.apellidos}" />
			</p:column>
			<p:column headerText="#{msg.escolarizado}">
				<p:selectBooleanCheckbox value="#{familiarVar.escolarizado}"
					disabled="true" />
			</p:column>
			<p:column headerText="#{msg.relacion}">
				<h:outputText value="#{familiarVar.relacion}" />
			</p:column>
			<p:column style="width:100px">
				<p:commandLink title="#{msg.eliminar}" styleClass="ui-icon ui-icon-close" oncomplete="dlgEliminar.show()">
					<f:setPropertyActionListener
						target="#{informacionFamiliarBean.familiar}"
						value="#{familiarVar}"></f:setPropertyActionListener>
				</p:commandLink>
			</p:column>
		</p:dataTable>
	</p:panel>
</ui:composition>